#menu a, #menu a:visited {
  position:left;
  text-decoration:none; 
  text-align:center; 
  background-color:#9ab; 
  color:#fff; 
  display:block; 
  width:10em; 
  border:2px solid #fff;
  border-color:#def #678 #345 #cde;
  padding:5;
  margin:5;
  }
  
  
#menu a:hover {
  top:2px;
  left:2px;
  color:#fff;
  border-color:#345 #cde #def #678;
  }

.left{
	float:left;
}


.button {
	border-top: 1px solid #96d1f8;
	background: #65a9d7;
	background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
	background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
	background: -moz-linear-gradient(top, #3e779d, #65a9d7);
	background: -ms-linear-gradient(top, #3e779d, #65a9d7);
	background: -o-linear-gradient(top, #3e779d, #65a9d7);
	padding: 5px 25px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
	-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
	box-shadow: rgba(0,0,0,1) 0 1px 0;
	position:relative;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	color: white;
	font-size: 20px;
	font-family: Georgia, serif;
	text-decoration: none;
	vertical-align: middle;
}

.button:active {
	border-top-color: #1b435e;
	background: #1b435e;
	top: 2px;
    left:2px;
}

.aracButton{

	padding: 60px 60px;
	position:relative;
	top: 40px;
	left:20px;
	background: url(ic_car.png) no-repeat; 
	background-size: 100%;

	 
}
.aracButton:active{
	background: url(ic_car_pressed.png) no-repeat; 
}

.silahButton{

	padding: 60px 60px;
	position:relative;
	top: 40px;
	left:60px;
	background: url(ic_silah.png) no-repeat;   
	background-size: 100%;

	 
}

.silahButton:active{
	background: url(ic_silah_pressed.png) no-repeat;
}

.surucuButton{

	padding: 60px 60px;
	position:relative;
	top: 160px;
    left:20px;
	background: url(ic_surucu.png) no-repeat;   
	background-size: 100%;

	 
}

.surucuButton:active{
		background: url(ic_surucu_pressed.png) no-repeat; 
}

.sahisButton{

	padding: 60px 60px;
	position:relative;
	top: 160px;
    left:60px;
	background: url(ic_sahis.png) no-repeat;   
	background-size: 100%;

	 
}

.sahisButton:active{
	background: url(ic_sahis_pressed.png) no-repeat

}

.tcButton{

	padding: 60px 60px;
	position:relative;
	top: 280px;
    left:20px;
	background: url(ic_tc.png) no-repeat;   
	background-size: 100%;

	 
}

.tcButton:active{
	background: url(ic_tc_pressed.png) no-repeat;
}

.cezaButton{

	padding: 60px 60px;
	position:relative;
	top: 280px;
    left:60px;
	background: url(ic_ceza.png) no-repeat;   
	background-size: 100%;

	 
}

.cezaButton:active{
		background: url(ic_ceza_pressed.png) no-repeat;   
}

.cikisButton{

	padding: 60px 60px;
	position:relative;
	top: 400px;
    left:20px;
	background: url(exit.png) no-repeat;   
	background-size: 100%;

	 
}

.cikisButton:active{
	top: 402px;
    left:22px;
}

.yeniButton{

	padding: 60px 60px;
	position:relative;
	top: 280px;
    left:60px;
	background: url(polnet.png) no-repeat;   
	background-size: 100%;

	 
}

.yeniButton:active{
	top: 282px;
    left:62px;
}



